.bkp_edit{
  position: relative;
  height: 100vh;
  &_header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 20rpx;
    box-shadow: 0 2px 8px #f0f1f2;
    height: 320rpx;
    z-index: 2;
    background-color: #FFF;
    &_action{
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid rgb(235, 237, 240);
        padding-bottom: 10px;
        &_left{
            &_confirm{
                color: #FA62AF;
            }
        }
        &_right{
            display: flex;
            align-items: center;
            &_item{
                margin-left: 20rpx;
            }
        }
    }
    &_info{
        &_error{
            height: 30rpx;
            margin-left: 140rpx;
            font-size: 24rpx;
            color: #FF4D4F;
        }
    }
    .error{
        .van-cell:after {
            border-bottom: 1px solid #FF4D4F !important;
            left: 2rpx;
            right: 2rpx;
        }
    }
  }
  &_content{
    padding: 0 20rpx;
    margin-top: 340rpx;
    height: calc(100% - 340rpx);
    &_editor{
        height: 100%;
    }
  }
  &_toolbar{
    position: fixed;
    bottom: 0;
    box-shadow: 2px 0  8px #f0f1f2;
    width: 100%;
    background-color: #FFFFFF;
    &_header{
      height: 96rpx;
      display: flex;
      align-items: center;
      border-bottom: 2rpx solid #D3D3D3;
      .editor_item{
        width: 96rpx;
        height: 96rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
      }
      .editor_item_check::after{
          content: ' ';
          background-color: #000000;
          width: 100%;
          position: absolute;
          height: 3px;
          bottom: -2px;
      }
    }
    
    &_content{
      height: 480rpx;
      overflow-y: auto;
      .textformat{
        padding: 0 20rpx;
      }
      .paragraph{
        padding: 0 20rpx;
      }

    }
  }
}

.toolbar{
  z-index: 2;
    &_header{
        margin-top: 20rpx;
        color: #7B7B7B;
    }
    &_style{
        margin-top: 20rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #f7f7f7;
        height: 96rpx;
        border-radius: 20rpx;
        z-index: 2;
        overflow:hidden;
        &_item{
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 1;
            margin-right: 10rpx;
            height: 100%;
            color: #333333;
            // color: #00000040;
            &_checked{
                background-color: #eaeaea;
            }
            &_disabled{
                color: #00000040;
            }
        }
        &_item:last-child{
            margin-right: 0rpx;
        }
    }
    &_color{
        margin-top: 20rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #f7f7f7;
        height: 96rpx;
        border-radius: 20rpx;
        z-index: 2;
        overflow:hidden;
        &_item{
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 1;
            margin-right: 10rpx;
            height: 100%;
            .item_content{
                border: 4rpx solid #00000000;
                padding: 4rpx;
                &_main{
                    width: 36rpx;
                    height: 36rpx;
                }
                &_checked{
                    border: 4rpx solid #FA62AF;
                    padding: 4rpx;
                }
            }
        }
        &_item:last-child{
            margin-right: 0rpx;
        }
    }
}

.other{
    padding: 0 20rpx;
    &_header{
        margin-top: 20rpx;
        color: #7B7B7B;
    }
    &_style{
        display: flex;
        align-items: center;
        margin-top: 20rpx;
        &_item{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-right: 20rpx;
            &_image{
                width: 120rpx;
                height: 120rpx;
                background-color: #EEEEEE;
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            &_text{
                color: #333333;
                font-size: 32rpx;
                margin-top: 10rpx;
            }
        }
    }
}